<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript">
	function getByClass(parent, tag, className){
		var aTag = parent.getElementsByTagName(tag);
		var arr = [];
		// new RegExp(str1, str2);
		// 参数 str2 是一个可选的字符串，包含属性 "g"、"i" 和 "m"，分别用于指定全局匹配、区分大小写的匹配和多行匹配。
		var re = new RegExp('\\b'+ className +'\\b', 'i');

		for (var i = 0; i < aTag.length; i++) {
			if (re.test(aTag[i].className)) {
				arr.push(aTag[i]);
				break;//是不是
			};
		};
		return arr;
	}

	window.onload = function (){
		var oUl = document.getElementById('ul1');
		// var oLi = oUl.getElementsByTagName('li');
		var aBox = getByClass(oUl, 'li', 'box');

		for (var i = 0; i < aBox.length; i++) {
			aBox[i].style.background = 'red';
		};
	}
	</script>
</head>
<body>
	<ul id="ul1">
		<li></li>
		<li class='box'></li>
		<li></li>
		<li class='box'></li>
		<li class='box'></li>
	</ul>
</body>
</html>